*{
  margin: 0;
  padding: 0;
}
body{
  font-family: 微软雅黑;
  font-size: 12px;
}

@font-face {font-family: 'iconfont';
  src: url('../iconfont/ux_1476232845_9934392/iconfont.eot'); /* IE9*/
  src: url('../iconfont/ux_1476232845_9934392/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../iconfont/ux_1476232845_9934392/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../iconfont/ux_1476232845_9934392/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../iconfont/ux_1476232845_9934392/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;}

.left{
  .message{     //个人信息
    margin-top: 30px;
    span{
      display: block;
      width: 180px;
      height:20px;
      background: #EB7D04;
      color: white;
      font-size: 12px;
      padding-left: 5px;
    }
    ul{           /*个人信息*/
      font-size: 12px;
      color: white;
      margin-top: 15px;
      list-style: none;
      margin-top: 10px;
      li{
        margin-top: 10px;
      }
    }  /*个人信息*/
  }
  .workskill{
    margin-top: 43px;
    span.skills{
      display: block;
      width: 180px;
      height:20px;
      background: #92B630;
      color: white;
      font-size: 12px;
      padding-left: 5px;
    }
    .game{
      margin-top: 8px;
      p{
        //background: yellow;
        float: left;
        color: white;
        margin-top: 8px;
      }
      .one1{
        padding-left: 25px;
        .one2,.one3{
          float: left;
          width: 20px;
          height: 6px;
          margin-top: 14px;
          margin-left: 5px;
          border: 1px solid #E7A906;
          transform: skew(-30deg);
        }
        .one2{
          background: #E7A906;
        }
      }

    }
    .word{
      margin-top:45px;
      p{
        float: left;
        color: white;
        //margin-left: -12px;
        margin-top: 10px;
      }
      .two1{
        .two2,.two3{
          float: left;
          width: 20px;
          height: 6px;
          margin-top: 14px;
          margin-left: 5px;
          border: 1px solid #E86D6F;
          transform: skew(-30deg);
        }
        .two2{
          background: #E86D6F;
        }
      }

    }
    .excel{
      margin-top:82px;
      p{
        float: left;
        color: white;
        //margin-left: -12px;
        margin-top: 10px;
      }
      .three1{
        margin-left: 20px;
        .three2,.three3{
          float: left;
          width: 20px;
          height: 6px;
          margin-top: 14px;
          margin-left: 5px;
          border: 1px solid #35A6D2;
          transform: skew(-30deg);
        }
        .three2{
          background: #35A6D2;
        }
      }

    }
  }  /*工作技能*/

  .hobby{     //兴趣爱好
    margin-top: 160px;
    span{
      display: block;
      width: 180px;
      height:20px;
      margin-top: 70px;
      background: #E86D6F;
      color: white;
      font-size: 12px;
      padding-left: 5px;
    }
    .hobbys{
      margin-top: 15px;
      margin-left: -10px;

      .hobbys_1{
        float: left;
        i{
          margin-top: 5px;
          margin-left: 10px;
          font-size: 28px;
          color: white;
        }
        p{
          margin-top: 12px;
          color: white;
        }
      }
      .hobbys_2{
        float: left;
        margin-top: -4px;
        i{
          margin-top: 5px;
          margin-left: 15px;
          font-size: 32px;
          color: white;
        }
        p{
          margin-left: 15px;
          margin-top: 11px;
          color: white;
        }
      }
      .hobbys_3{
        float: left;
        margin-top: -1px;
        i{
          margin-top: 5px;
          margin-left: 23px;
          font-size: 28px;
          color: white;
        }
        p{
          margin-left: 23px;
          margin-top: 13px;
          color: white;
        }
      }
      .hobbys_4{
        float: left;
        margin-top: 3px;
        i{
          margin-top: 3px;
          margin-left: 23px;
          font-size: 28px;
          color: white;
        }
        p{
          margin-left: 23px;
          margin-top: 9px;
          color: white;
        }
      }
    }
  }
}

.right{
  .edubg{
    width: 100%;
    height: 130px;
    border: 1px solid #E0E1E3;
      .bg1{
        span{
          float: left;
          font-weight: bold;
          font-size: 22px;
        }
        .bgcolor1{
          float: left;
          width: 350px;
          height: 7px;
          margin-top: 12px;
          margin-left: 23px;
          background: #35A6D2;
        }
      }
      .content1{
        .content1_1{
        margin-top: 35px;
         /*   width: 130px;
          height: 20px;
          border: 1px solid gray;*/
          .circle1{
            display: block;
            float: left;
            width: 13px;
            height: 13px;
            margin-left: 5px;
            margin-top: 2px;
            background: #FD8655;
            border: 1px solid #FD8655;
            border-radius: 6px;
          }
          span{
            margin-left: 10px;
            font-size: 11px;
          }
        }
        .content1_2{
          margin-top: 10px;
          span{
            margin-left:10px;
          }
          p{
            margin-left:10px;

          }
        }
      }
    }
  .work{
    width: 100%;
    height: 170px;
    border: 1px solid #E0E1E3;
    margin-top: 10px;
    .bg2{
      span{
        float: left;
        font-weight: bold;
        font-size: 22px;
      }
      .bgcolor2{
        float: left;
        width: 350px;
        height: 7px;
        margin-top: 12px;
        margin-left: 23px;
        background: #EB7D04;
      }
    }
    .content2{
      .content2_1{
        margin-top: 35px;
        /*   width: 130px;
         height: 20px;
         border: 1px solid gray;*/
        .circle2{
          display: block;
          float: left;
          width: 13px;
          height: 13px;
          margin-left: 5px;
          margin-top: 2px;
          background: #FD8655;
          border: 1px solid #FD8655;
          border-radius: 6px;
        }
        span{
          margin-left: 10px;
          font-size: 11px;
        }
      }
      .content2_2{
        margin-top: 10px;
        span{
          margin-left:10px;
        }
        p{
          margin-left:10px;

        }
      }
    }
  }
  .evaluation{
    width: 100%;
    height: 130px;
    border: 1px solid #E0E1E3;
    margin-top: 10px;
    .bg3{
      span{
        float: left;
        font-weight: bold;
        font-size: 22px;
      }
      .bgcolor3{
        float: left;
        width: 350px;
        height: 7px;
        margin-top: 12px;
        margin-left: 23px;
        background: #92B630;
      }
    }
    .content3{
      margin-top: 45px;
      .content3_1{
        margin-top:10px;
        .circle3{
          display: block;
          float: left;
          width: 5px;
          height: 5px;
          margin-left: 5px;
          margin-top: 5px;
          background: black;
          border: 1px solid #000;
          border-radius: 6px;
        }
        span{
          margin-left: 10px;
          font-size: 11px;
        }
      }
    }
  }
  .prize{
    width: 101%;
    height: 250px;
    border: 1px solid #E0E1E3;
    margin-top: 10px;
    .bg4{
      span{
        float: left;
        font-weight: bold;
        font-size: 22px;
      }
      .bgcolor4{
        float: left;
        width: 350px;
        height: 7px;
        margin-top: 12px;
        margin-left: 23px;
        background: #E86D6F;
      }
    }
    .content4{
      margin-top: 45px;
      .content4_1{
        .date{
          display: block;
          //float: left;
          margin-top: 10px;
          font-weight: bold;
          font-size: 15px;
        }
        .honor{
          //background: red;
          font-size: 15px;
          margin-left: 65px;
          margin-top: -8px;
          span{
            display: block;
          }
        }
      }
      .content4_2{
        .show{
          display: block;
          //float: left;
          margin-top: 10px;
          font-weight: bold;
          font-size: 15px;
        }
        .workshow{
          //background: red;
          font-size: 15px;
          margin-left: 65px;
          margin-top: -8px;
          .workshow_1{
            display: block;
            float: left;
          }
          .workshow_2{
           /* width: 90px;
            height: 70px;
            background: red;*/
            display: block;
            float: left;
            //margin-left: 10px;
            img{
              width:40px;
              height:40px;
              margin-left:32px;
          }
            p{
              margin-top:14px;
            }
          }
          .workshow_3{
          /*  display: block;
            width: 90px;
            height: 70px;
            background: gold;*/
            display: block;
            float: left;
            margin-left: 5px;
            img{
              width:40px;
              height:40px;
              margin-left:32px;
            }
            p{
              margin-top: 14px;
            }
          }
        }
      }

    }
  }
}
